@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/open-sans/OpenSansRegular.eot');
    src: local('../fonts/open-sans/OpenSansRegular'), url('../fonts/open-sans/OpenSansRegular.woff') format('woff'), url('../fonts/open-sans/OpenSansRegular.ttf') format('truetype');
}

body {
    background: url("../images/bg.png") repeat 0 0 #FAFAFA;
    color: #4f4f4f;
    font-weight: normal;
    font-size: 88%;
    font-family: 'OpenSansRegular';

    /*font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";*/
}

.row { margin-bottom: 0; }
.main-bg { background: #fcf2d8 !important; }
#header {  }
#header .row {  }
    #header .logo img {
        display: block;
        left: 42%;
        position: absolute;
        top: 8px;
        width: 177px;
        z-index: 12;
    }
    #header .phone-lang { height: 68px; background: #a48332;}
        #header .phone-lang ul { margin-top: 35px; }
        #header .phone-lang li { float: right; margin-right: 10px; color: #fcf2d8; }
        #header .phone-lang li:first-child { margin-right: 0; }
        #header .phone-lang li p { margin-bottom: 0; }
        #header .phone-lang li span a { color: white; display: inline; }
        #header .phone-lang li span a:hover, #header .phone-lang li span a.active { color: #F1AC04; }
    #header .slider-book { position: relative; background: url("../images/line.png") no-repeat 0 425px; }
    #header .menu { background: #f9eed3; position: absolute; top: 68px; z-index: 11; opacity: 0.8 }
    #header .header-booking .menu { top: 68px; border-bottom: 10px solid #A48332; }
        #header .menu ul { width: 1140px; position: relative; margin: 0; }
        #header .menu li { float: left; min-width: 162px; padding: 40px 0; text-align: center; text-transform: uppercase; }
        /*#header .menu li.set_menu_4 { width: 25%; text-align: left; }*/
        #header .menu li a { font-weight: bold; }
        #header .menu.active { display: block; }
        #header .menu a:hover { display: block; }

        #slider { width: 100%; margin-left: 0; margin-right: 0; }
        #slider .nivo-caption { background: none; }
            .nivo-directionNav a { top: 54%; }
            .theme-default .nivo-controlNav { display: none; }

            .theme-default a.nivo-nextNav { right: 410px; }
            .theme-default a.nivo-prevNav { left: 30px; }
            .theme-default .nivoSlider { box-shadow: none;}
    #header .book { width: 320px; padding: 10px 20px; position: absolute; bottom: 10px; right: 0; z-index: 6; background: #b49c6a; }
        .book h2 { margin-bottom: 7px; color: #fff; font-size: 31px; font-weight: normal; }
        .book strong { font-weight: bold;}
        .book .form {}
            .form .row { position: relative; margin: 0 0 4px;}
            .form .row p { float: left; width: 62.5%; margin-bottom: 0; }
            .form label { margin-bottom: 5px; color: white; font-size: 14px; }
            .form input { width: 243px; }
            .form img { height: 30px; position: absolute; top: 27px; right: 20px; cursor: pointer; }
            .form input[type="submit"] { width: 170px; margin-top: 10px; background: #f1ac04; border-radius: 13px; border: none; color: white; font-weight: bold; font-size: 16px; cursor: pointer; }
            .form a { margin-top: 30px; padding-left: 28px; background: url(../images/icon-check-availability.png) no-repeat 0 2px; color: white; font-size: 12px; text-decoration: underline; }

#wrapper {}
    #wrapper .container12 { border-bottom: 7px solid #a48332; }
    #wrapper h1 { color: #683c10; text-transform: uppercase; font-weight: bold; }
    #wrapper h2 { color: #683c10; }
  #wrapper .welcome { }
        .welcome h1 { margin: 15px 0 8px; font-size: 32px; text-transform: uppercase; }
        .welcome p { padding-bottom: 8px; font-size: 12px; color: #683c10; word-spacing: 2px; }
    #wrapper .gallery { padding-bottom: 30px; background: #fde7b2; }
        .gallery h1 { margin-top: 15px; }
        .gallery h2 { margin-bottom: 12px; font-size: 32px; }
        .gallery .gallery-list {  }
            .gallery-list img { width: 344px; margin-left: 31px; border: 8px solid white; }
            .gallery-list img:first-child { margin-left: 0;}
        .gallery ul.porfolio { margin-left: 25%; margin-bottom: 20px; }
        .gallery ul.porfolio li a { padding: 5px 0; background: #f1ad04; color: #fff; text-align: center; }
        .gallery .porfolio-thumb li { margin-top: 15px; }

        #gallery-slider { position: relative; left: 25%; }
            .navigation { height: 86px; overflow: hidden; }
            .navigation .pageLink { width: 17px; height: 37px; position: absolute; top: 20px; }
                .navigation .pageLink.prev { background: url('../images/arrows.png') no-repeat 0 0; left: -50px; }
                .navigation .pageLink.next { background: url('../images/arrows.png') no-repeat -17px 0; right: -50px; }
            #gallery-slider .thumbs.mobile { width: 100%; position: relative; left: 18px; }
            #gallery-slider .thumbs li { float: left; width: 22.2%; margin-right: 20px; }
            #gallery-slider .nav-controls { position: relative; top: 180px; }
            #gallery-slider .nav-controls a { width: 17px; height: 37px; position: absolute; }
            #gallery-slider .nav-controls a.prev { background: url('../images/arrows.png') no-repeat 0 0; left: -50px; }
            #gallery-slider .nav-controls a.next { background: url('../images/arrows.png') no-repeat -17px 0; right: -50px; }
            #gallery-slider .slideshow-container { margin: 0 auto; }
                .slideshow-container .slideshow img { width: 100%; }

            div.pagination {
                clear: both;
                position: relative;
                left: -50%;
            }
            div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
                position: relative;
                display: block;
                float: left;
                margin-right: 2px;
                padding: 4px 7px 2px 7px;
                border: 1px solid #ccc;
            }
            div.pagination a:hover {
                text-decoration: none;
            }
            div.pagination span.current {
                font-weight: bold;
            }
            div.pagination span.ellipsis {
                border: none;
                padding: 5px 0 3px 2px;
            }


    #wrapper .accomodations { }
        .accomodations  .sidebar { margin-bottom: 20px; margin-top: 20px;}
        .accomodations  .sidebar h3 { width: 83%; margin-bottom: 0; padding-left: 17px; font-size: 18px; background: #a48332; color: white; text-transform: uppercase; }
        .accomodations  .sidebar ul { width: 89.3%; }
        .accomodations  .sidebar ul li { padding: 5px 0 5px 17px; border-bottom: 1px solid #c1ab7e; }
        .accomodations  .sidebar ul li.active, .accomodations  .sidebar ul li:hover { background: #eadcbc; }
        .accomodations  .sidebar ul li a { color: #683c10 }
        .accomodations  .sidebar ul li a:hover { color: #f1ac04;}
    #wrapper .main-content { margin: 20px 0 35px; border-left: 1px solid #b8a170; position: relative; }
        .main-content h1 { line-height: 30px; margin-bottom: 15px; font-size: 30px;}
        .main-content .info { font-size: 11px }
        .main-content .info p:first-child { margin-bottom: 28px; }
            .main-content .info .list-info { position: relative; margin: 14px 0; }
            .main-content .info .list-info:first-child { margin-top: 0; }
            .main-content .info .list-info h3 { color: #683c10; font-size: 18px; }
            .main-content .info .list-info img { float: left; max-width: 360px; margin-right: 15px; }
            .main-content .info .list-info .some-feature { float: left; }
                .main-content .info .list-info .some-feature p { padding: 2px 0 2px 20px; background: url(../images/icon-menu.png) no-repeat 0 5px; }
                .main-content .info .list-info .some-feature p:first-child { padding-left: 0; background: none; }
                .main-content .info .list-info .some-feature p.btn-book-now { min-width: 150px; margin: 0; padding: 5px 10px !important; text-align: center; position: absolute; bottom: 0; }
                .main-content .info .list-info .some-feature p.btn-book-now a { float: left; color: white; font-weight: bold; font-size: 15px; }
                .main-content .info .list-info .some-feature p.btn-book-now span { float: left; margin-bottom: 0 !important; }
            /*
            .main-content .info .list-info ul { float: left; }
                .main-content .info .list-info ul li { padding: 2px 0 2px 20px; background: url(../images/icon-menu.png) no-repeat 0 5px; }
                .main-content .info .list-info ul li:first-child { padding-left: 0; background: none; }
                .main-content .info .list-info ul li.btn-book-now { padding: 5px 10px !important; text-align: center; position: absolute; bottom: 0; }
                .main-content .info .list-info ul li.btn-book-now a { float: left; color: white; font-weight: bold; font-size: 15px; }
                .main-content .info .list-info ul li.btn-book-now p { float: left; margin-bottom: 0 !important; }*/
            .main-content .info.detail { margin-bottom: 12px; }
            .main-content .info.detail img.img-large { float: none !important; margin-right: 0; margin-left: 13.2%; }
            .main-content .info.detail img { max-width: 600px; margin-right: 0; }
            .main-content #gallery-slider { left: 15%; }
            .main-content #gallery-slider #thumbs img { max-width: 129px; margin-right: 15px; }
            /*.main-content .info.detail ul { float: none; width: 72%; margin-top: 15px; margin-left: 13.2%; }
            .main-content .info.detail ul li { float: left; background: none; margin-right: 20px; margin-bottom: 12px; padding: 0; }
            .main-content .info.detail ul li.omega { margin-right: 0; }*/
            .main-content .btn-book-now-detail { min-width: 180px; position: absolute; top: 0; right: 10px; }
            .main-content .btn-book-now-detail a { color: white; display: inline; }
            .main-content .btn-book-now-detail a:hover { color: #D89A03; }
    #wrapper .promotions { padding: 14px 0; }
        .promotions h1 { margin-bottom: 0; text-transform: uppercase; }
        .promotions .list-promotions { margin: 25px 0; }
        .promotions .promotion h2 { margin: 7px 0 4px; font-size: 18px; text-transform: uppercase }
        .promotions .promotion p { color: #683c10; }
        .promotion-detail img { margin-bottom: 20px; }
        .promotion-detail img.large-image { margin-left: 22%; }
            .promotion .btn-book-now,  .btn-book-now { width: 120px; background: #F1AC04 !important; margin-left: 0; padding: 5px 0 !important; color: white; font-weight: bold; font-size: 15px; text-align: center;  }
            .promotion .btn-book-now:hover { color: #683C10; }

    #wrapper .contact {}
        .contact h1 { }
        .contact .form { padding-left: 10px; }
        .contact .form label { float: left; width: 21%; margin-bottom: 10px; color: #683c10; font-size: 12px; }
        .contact .form input { width: 70%; padding: 7px 9px }
        .contact .form input[type="submit"] { width: 25%; margin-top: 0; border-radius: 0; font-size: 15px; }
        .contact .form .input-captcha input { float: left; width: 21%; margin-right: 10px; }
        .contact .form .input-captcha img { float: left; margin-right: 10px; position: static; }
        .contact .form .input-captcha a { float: left; margin-top: 0; padding-left: 0; background: none; color: #683c10; font-size: 11px; }
        .contact .form textarea { width: 70%; height: 94px; }
            .contact-map iframe { margin: 65px 0 10px; width: 655px; }
            .contact-info h2 { margin-bottom: 0; font-size: 13px; }
            .contact-info p a { display: inline; }
    #wrapper .services {}
        .services h1 {}
        .services p {}
        .services .list-services {}
            .list-services .service { }
            .list-services .service img { margin-left: 30%; }
            .list-services .service p { height: 40px; text-align: center; overflow: hidden; }
    #wrapper .booking { padding-top: 135px;}
        .booking ul { height: 33px; line-height: 33px; margin-left: 12%; }
        .booking li { float: left; margin-left: 20px; padding-left: 12px; color: #683C10; margin-right: 13px; }
        .booking li:first-child { margin-left: 0; }
        .booking li:last-child { margin-right: 0; }
        .booking li a { display: inline; margin-right: 27px; color: #683C10;font-size: 14px; }
        .booking li.status-active a:hover { color: #F1AC04; }
        .booking li.status-curr a { display: inline; margin-right: 27px; color: #683C10;font-size: 14px; }
        .booking li.status-inactive img { margin-left: 21px; }
        .booking li a:hover { color: white; }
        .booking .other-info { margin-top: 23px; margin-bottom: 30px; padding-top: 15px; border-top: 10px solid #d8c7a1; }
        .booking .other-info .row { margin-top: 20px;}
        .booking .other-info .other-reservation { margin-top: 0; margin-bottom: 5px; border-bottom: 1px solid #d8c7a1; }
        .booking .other-info .other-reservation label { margin-right: 0; width: 95%; font-weight: normal; text-transform: uppercase; word-spacing: -0.5px; }
        .booking .other-info .other-reservation label strong { text-transform: none; }
        .booking input, .booking textarea { border-radius: 0; border: 1px solid #c1ab7d}
        .step { margin-top: 30px; }
        .step h2 { margin-bottom: 10px; }
        .step-1 { content: '1'}
        .step-1 label, .other-info label { float: left; width: 125px; color: #683c10; font-size: 12px; margin-right: 10px; }
        .step-1 input, .step-1 textarea, .other-info input { width: 205px; padding: 8px 9px; color: #b49c6a; font-size: 11px; }
        .step-1 input[type="checkbox"], .other-info input[type="checkbox"] { float: left; width: 10px; margin: 5px 5px 0 0;}
        .step-2 .method .row { min-height: 50px; padding-top: 10px; border-top: 1px solid #D8C7A1;}
        .step-2 .method .row:first-child { padding-top: 0; border-top: none;}
        .step-2 .method input[type="radio"] { float: left; width: 10px; margin-top: 5px; margin-left: 0; }
        .step-2 .method label { float: left; width: 91%; margin-left: 10px; }
        .step-2 .method label div { color: #683c10; font-weight: normal; font-size: 12px; }
        .step-2 .method label div:first-child { text-transform: uppercase }
        .step-2 .method label strong { font-weight: bold;}
        .step-2 .other-info .row:first-child { margin-top: 0; } 
        .step-2 .other-info .row:first-child label {  }
        .step-2 div p { float: none !important; width: auto !important; margin-bottom: 1em !important; color: #683c10 !important;  }

        .step-3 .your-booking { position: relative; margin-top: 15px; }
        .step-3 .your-booking img { float: left; max-width: 130px; margin-right: 7px; }
        .step-3 .your-booking ul { float: left; width: 60%; height: auto; line-height: normal; margin-left: 0; }
        .step-3 .your-booking li { float: none; padding: 1px 0 2px; margin-left: 0; color: #683c10; }
        .step-3 .your-booking li:first-child { padding-top: 0; }
        .step-3 .your-booking .icon-delete { width: 32px !important; position: absolute; top: 20px; right: 0; z-index: 10; }
        .step-3 .your-booking .icon-delete-comfirm {
            color: #FF0000;
            cursor: pointer;
            position: absolute;
            right: -2px;
            top: 25px;

        }
        .step-3 .payment-info { margin-top: 17px; margin-bottom: 30px; padding-top: 7px; border-top: 10px solid #D8C7A1; }
        .step-3 .payment-info h3 { margin-bottom: 7px; }
        .step-3 .payment-info p.more { color: #d89a03; }
        .step-3 .payment-info label { color: #d89a03; font-weight: bold; }
        .step-3 .payment-info input { width: 94.7%;}
        .step-3 .payment-info input[type="submit"] { float: right; width: auto; padding: 3px 40px !important; border-radius: 0;  }

        .status-active { background: url('../images/status-active.png') no-repeat 0 0 !important; }
        .status-inactive { background: url('../images/bg-step.png') no-repeat 0 0 !important; }
        .status-curr { background: url('../images/status-curr.png') no-repeat 0 0 !important; }
    #wrapper .select-your-room { padding-bottom: 25px; }
        #wrapper .book-date h2 { padding: 0 10px; color: white; font-size: 31px; }
        .booking h1, .select-your-room h1 { font-size: 15pt; margin-bottom: 0; display: inline; }
        .booking h2, .select-your-room h2 { font-size: 12pt; margin-bottom: 0; }
        .select-your-room .book-date { padding-bottom: 30px; margin-top: 30px;  background: #b49c6a; border-bottom: 8px solid #a48332; }
        .select-your-room .book-date .form { padding: 0 10px; }
        .select-your-room .book-date .form input { width: 265px; }
            /*.select-your-room .book-date h2 { margin-bottom: 7px; color: #683c10; font-size: 18px;  }
            .select-your-room .book-date .row { margin-bottom: 7px; }
            .select-your-room .book-date label { margin-bottom: 0; color: #683c10; font-size: 12px; }
            .select-your-room .book-date a { margin-top: 0; color: #a48332; }
            .select-your-room .book-date a:hover { color: #f1ac04; }
            .select-your-room .book-date input { width: 80% }
            .select-your-room .book-date img { top: 21px; }*/
        .select-your-room .form-select-you-room { margin-top: 30px; margin-bottom: 10px; }
            .select-your-room .form-select-you-room {  }
            .select-your-room .form-select-you-room ul { margin-left: 0; } 
            .select-your-room .form-select-you-room ul li { margin-left: 0; padding-left: 0; }
            .select-your-room .form-select-you-room ul li:last-child { border-bottom: 0 !important; }
            .select-your-room .form-select-you-room ul li.thead { margin-bottom: 10px; }
            .select-your-room .form-select-you-room ul li.thead div{ color: #683c10; font-size: 18px; font-weight: bold; } 
            .select-your-room .form-select-you-room ul li.tbody { margin-top: 20px; margin-right: 0; padding-bottom: 15px; border-bottom: 1px solid #D8C7A1;}
            .select-your-room .form-select-you-room ul li.tbody img { float: left; max-width: 135px; }
            .select-your-room .form-select-you-room ul li.tbody ul { float: left; width: 62%; height: auto; line-height: normal; }
            .select-your-room .form-select-you-room ul li.tbody li { float: none; margin: 0 10px; color: #683c10; line-height: 20px}
            .select-your-room .form-select-you-room ul li.tbody li a:hover { color: #D89A03; }
            .select-your-room .form-select-you-room ul li.tbody select { padding: 5px 10px; border: 1px solid #b49c6a; }
            .select-your-room .form-select-you-room ul li.tbody a.btn-book-now { width: auto; margin-right: 0; padding: 5px 10px !important; }
            .select-your-room .form-select-you-room ul li.tbody a.btn-book-now.check-rates-ok-booking { padding: 5px 18px 5px 19px !important; position: relative; top: 10px; }
            .select-your-room .status-curr a:hover { color: #F1AC04; }

.field_msg { color: red; display: block; }
.btn-navbar { right: 0; }

#footer {  }
    #footer .container12 { padding-top: 18px; }
    #footer h3 { margin-bottom: 17px; font-size: 18px; color: #d89a03 }
    #footer p { color: #d89a03; font-size: 12px; }
    #footer a { color: #683c10; font-size: 12px; }
    #footer a:hover { color: #d89a03; }
    #footer .icon { padding: 0 0 10px 20px; }
    #footer .phone { padding-top: 10px; background: url('../images/icon-phone.png') no-repeat 0 12px; }
    #footer .fax { background: url('../images/icon-fax.png') no-repeat 0 1px; }
    #footer .email{ background: url('../images/icon-email.png') no-repeat 0 4px; }

    #footer .social .icon { padding-left: 10px;  }
    #footer .social a { padding-left: 20px;  }
        #footer .icon-twitter { background: url('../images/icon-twitter.png') no-repeat 0 0; }
        #footer .icon-facebook { background: url('../images/icon-facebook.png') no-repeat 0 0; }
        #footer .icon-gmail { background: url('../images/icon-gmail.png') no-repeat 0 0; }
        #footer .icon-google { background: url('../images/icon-google-plus.png') no-repeat 0 0; }

    #footer .support a { padding-left: 10px; }
    #footer .icon-skype{ background: url('../images/icon-skype.png') no-repeat 0 0; }
    #footer .icon-yahoo{ background: url('../images/icon-yahoo.png') no-repeat 0 0; }

    #footer .copyright { padding: 25px 0; background: #683c10; color: #fde7b2; }
    #footer .copyright p { margin-bottom: 0; }
    #footer .copyright a { display: inline; color: #fde7b2 }
    #footer .copyright a:hover { color: #f1ac04 }

.icon-home{
    position: fixed; bottom: 100px; right: 37px; z-index: 111; display: none;
}